{% load static %}
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    {% include 'base/head.html' %}
    {# 头文件 #} {# 继承扩展CSS块 引用生效，不引用失效 #}
    {% block meta %}{% endblock %}
    {% block css %}{% endblock %}
</head>
<body>
{% include 'base/navie.html' %}
{% block navie %}{% endblock %}
{# --继承扩展导航栏块 引用生效，不引用失效#}{#    {% block navie %}{% include 'navie.html' %}{% endblock %}#}
<div class="container-fluid" style="background-color: #f6f6f6;">
    <div class="row pt-3">
        <div class="col-md"></div>
        <div class="col-md-9">  {# 导航下面部分#}
            {% block naviePark %}{% endblock %}
        </div>
        <div class="col-md"></div>
    </div>

    {# 中间部分划分：文章内容部分#}
    <div class="row pt-md-5">
        <div class="col-md"></div>
        <div class="col-md-9">  {# 1级中间 #}
            {#                <a href='{% url "index" %}' class="list-group-item list-group-item-action">首页</a>#}
            <div class="row ">

                {# 帖子左8 #}
                <div class="col-md-8 text-left mr-4 p-0" style="background-color:#fff;flex-shrink: 0;display: block;border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(18,18,18,.1);
    box-shadow: 0 1px 3px rgba(18,18,18,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;">
                    {# 左边8栏目大空间#}
                    {% block content %}{% endblock %}
                </div>


                {# 帖子右4 #}
                <div class="col-md-3 p-0 hidden-xs" style="background-color:#fff;flex-shrink: 0;display: block;border-radius: 2px;
    -webkit-box-shadow: 0 1px 3px rgba(18,18,18,.1);
    box-shadow: 0 1px 3px rgba(18,18,18,.1);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;">  {# 个人右4 #}
                    {# 内容导航右边4 #}
                    {% block contentNavie %}{% endblock %}
                </div>
            </div>
        </div>
        <div class="col-md">

        </div>
    </div>


    <div class="row pt-5" style="background-color: #f8f8f9;">
        <div class="col">
            {% block underContent %}{% endblock %} {#-- 模板下方内容留空12格子 #}
        </div>

    </div>

</div>


{% block script %}{% endblock %} {#-- 继承扩展js块 引用生效，不引用失效#}
<script src="{% static 'js/jquery.min.js' %}"></script>
<script src="{% static 'js/bootstrap.min.js' %}"></script>
{#<script src="{% static 'js/bootstrap-datetimepicker.min.js' %}"></script>#}
{#<script src="{% static 'js/bootstrap-datetimepicker.fr.js' %}"></script>#}
<script type="text/javascript">document.write(unescape("%3Cspan id='cnzz_stat_icon_1279467535'%3E%3C/span%3E%3Cscript src='https://s9.cnzz.com/z_stat.php%3Fid%3D1279467535%26show%3Dpic2' type='text/javascript'%3E%3C/script%3E"));</script>
</body>
{# footer#}
{% include 'base/footer.html' %}
</html>